//滑动出现
//		$(document).ready(function() {
//			$("#myCarousel").animate({
//				//						left: '250px'
//			}).fadeIn(1400);
//		});
// jquery 兼容的滚轮事件
//		$("html").on("mousewheel DOMMouseScroll", function(e) {
//			$(".pro").animate({
//				//left: '250px'
//			}).fadeIn(1500);
//
//			var $container = $('#masonry');
//			$container.imagesLoaded(function() {
//				$container.masonry({
//					itemSelector: '.pro',
//					gutter: 20,
//					isAnimated: true,
//				});
//			});
//				var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
//					(e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
//
//				if(delta < 0) {
//					// 向上滚
//					$(".pro").animate({
//						//left: '250px'
//					}).fadeIn(1500);
//				}
//});
$(function(){
    var winWidth,winHeight;
    Resize = function(){
        winWidth = $(window).width(),
        winHeight= $(window).height();
    }
});
$('.carousel').carousel({
	interval: 3000
});
$(function() {
	var oneH = $("#product").offset().top; //获取定位元素距离浏览器顶部距离
	var footerH = $("#Contact").offset().top;
	//alert(twoH+"");
	$(window).scroll(function() {
		var scroH = $(this).scrollTop(); //获取滚动条的滑动距离
		//alert(scroH+"");
		//滚动条的滑动距离大于等于定位元素距离浏览器距离
		if(scroH <= oneH) {
			$(".pro").animate({
				//left: '250px'
			}).fadeIn(1500);

			var $container = $('#masonry_one');
			$container.imagesLoaded(function() {
				$container.masonry({
					itemSelector: '.pro',
					gutter: 20,
					isAnimated: true,
				});
			});
		}
	});
	$(window).scroll(function() {
		var scroH = $(this).scrollTop(); //获取滚动条的滑动距离
		//alert(scroH+"");
		//滚动条的滑动距离大于等于定位元素距离浏览器距离
		if(scroH <= footerH) {
			$(".contact_text").animate({
				//left: '250px'
			}).fadeIn(1500);
			$(".contact_way").animate({

			}).fadeIn(2500);
			var $container = $('#Contact');
			$container.imagesLoaded(function() {
				$container.masonry({
					itemSelector: '.contact_text,.contact_way',
					gutter: 20,
					isAnimated: true,
				});
			});
		}
	});
});

$(document).ready(function() {
	$("#anim_one").mouseenter(function() {
		//				alert($(this).index());
		$("#img-1").css({
			'transform': 'scale(1.1,1.1)',
			'transition-duration': '1s'
		});
		//				$("#img-1").animate({
		//					height: '354px',
		//					width: '520px'
		//				});
		$(".h_1,.p_1").animate({
			//					right: '500px',
			opacity: '1'
		});
	});
	$("#anim_one").mouseleave(function() {
		//alert(2);
		$("#img-1").css({
			'transform': 'scale(1,1)',
			'transition-duration': '1s'
		});
		//				$("#img-1").animate({
		//					height: '334px',
		//					width: '500px'
		//				})
		$(".h_1,.p_1").animate({
			//					right: '0px',
			opacity: '0'
		});
	});
});
$(document).ready(function() {
	$("#anim_two").mouseenter(function() {
		//				$("#img-2").animate({
		//					height: '650px',
		//					width: '437px'
		//				});
		$("#img-2").css({
			'transform': 'scale(1.1,1.1)',
			'transition-duration': '1s'
		});
		$(".h_2,.p_2").animate({
			//					right: '420px',
			opacity: '1'
		});
	});
	$("#anim_two").mouseleave(function() {
		//				$("#img-2").animate({
		//					height: '640px',
		//					width: '427px'
		//				})
		$("#img-2").css({
			'transform': 'scale(1,1)',
			'transition-duration': '1s'
		});
		$(".h_2,.p_2").animate({
			//					right: '0px',
			opacity: '0'
		});
	});
});
$(document).ready(function() {
	$("#anim_three").mouseenter(function() {
		//				$("#img-3").animate({
		//					height: '366px',
		//					width: '520px'
		//				})
		$("#img-3").css({
			'transform': 'scale(1.1,1.1)',
			'transition-duration': '1s'
		});
		$(".h_3,.p_3").animate({
			//					right: '500px',
			opacity: '1'
		});
	});
	$("#anim_three").mouseleave(function() {
		//				$("#img-3").animate({
		//					height: '356px',
		//					width: '510px'
		//				})
		$("#img-3").css({
			'transform': 'scale(1,1)',
			'transition-duration': '1s'
		});
		$(".h_3,.p_3").animate({
			//					right: '0px',
			opacity: '0'
		});
	});
});
$(document).ready(function() {
	$("#anim_four").mouseenter(function() {
		//				$("#img-4").animate({
		//					height: '336px',
		//					width: '490px'
		//				})
		$("#img-4").css({
			'transform': 'scale(1.1,1.1)',
			'transition-duration': '1s'
		});
		$(".h_4,.p_4").animate({
			//					right: '465px',
			opacity: '1'
		});
	});
	$("#anim_four").mouseleave(function() {
		//				$("#img-4").animate({
		//					height: '326px',
		//					width: '460px'
		//				})
		$("#img-4").css({
			'transform': 'scale(1,1)',
			'transition-duration': '1s'
		});
		$(".h_4,.p_4").animate({
			//					right: '0px',
			opacity: '0'
		});
	});
});
$(document).ready(function() {
	$("#anim_five").mouseenter(function() {
		//				$("#img-5").animate({
		//					height: '650px',
		//					width: '430px'
		//				})
		$("#img-5").css({
			'transform': 'scale(1.1,1.1)',
			'transition-duration': '1s'
		});
		$(".h_5,.p_5").animate({
			//					right: '410px',
			opacity: '1'
		});
	});
	$("#anim_five").mouseleave(function() {
		//				$("#img-5").animate({
		//					height: '640px',
		//					width: '420px'
		//				})
		$("#img-5").css({
			'transform': 'scale(1,1)',
			'transition-duration': '1s'
		});
		$(".h_5,.p_5").animate({
			//					right: '0px',
			opacity: '0'
		});
	});
});
$(document).ready(function() {
	$("#anim_six").mouseenter(function() {
		//				$("#img-5").animate({
		//					height: '650px',
		//					width: '430px'
		//				})
		$("#img-6").css({
			'transform': 'scale(1.1,1.1)',
			'transition-duration': '1s'
		});
		$(".h_6,.p_6").animate({
			//					right: '410px',
			opacity: '1'
		});
	});
	$("#anim_six").mouseleave(function() {
		//				$("#img-5").animate({
		//					height: '640px',
		//					width: '420px'
		//				})
		$("#img-6").css({
			'transform': 'scale(1,1)',
			'transition-duration': '1s'
		});
		$(".h_6,.p_6").animate({
			//					right: '0px',
			opacity: '0'
		});
	});
});
//		$(function() {
//			$(".pro").mouseenter(function() {
//				var pro_index = $(this).index();
//				//				alert(pro_index+"");
//				$(".pro").eq(pro_index).css({
//					'transform': 'scale(1.1,1.1)',
//					'transition-duration': '1s'
//				});
//			});
//			$(".pro").mouseleave(function() {
//				var pro_index = $(this).index();
//				$(".pro").eq(pro_index).css({
//					'transform': 'scale(1,1)',
//					'transition-duration': '1s'
//				});
//			});
//		});

$(function() {
	$(".dir").mouseenter(function() {
		var index = $(this).index();
		//				alert(index);
		$(".dir").eq(index).css("background-color", "#D5D5D5");
	});
	$(".dir").mouseleave(function() {
		var index = $(this).index();
		$(".dir").eq(index).css("background-color", "#FFFFFF");
	});
});
//		$(function() {
//			$(".dir").mouseenter(function() {
//				var learn_index = $(this).index();
//				//				alert(learn_index + "");
//				$(".learn").eq(learn_index).animate({
//					left: '360px',
//					opacity: '1'
//				}, 100);
//				$(".dir").mouseleave(function() {
//					$(".learn").eq(learn_index).animate({
//						left: '0',
//						opacity: '0'
//					}, 100);
//				})
//			})
//		});